/*
.el-menu-item:focus {
    outline: solid 3px #0060e6;
    outline-offset: -1px;
    z-index: 100000;
}
*/

/* dataBoard 自定义图标*/
.el-menu-item > .el-icon-my-dataBoard {
    background: url(../../../assets/images/nav_ic_dashboard@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}
.el-icon-my-dataBoard:before {
    content: '\u63a7\u5236\u9762\u677f';
    font-size: 16px;
    visibility: hidden;
}

/* netWork 自定义图标*/
.el-submenu .el-icon-my-netWork {
    background: url(../../../assets/images/nav_ic_network@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}
.el-icon-my-netWork:before {
    content: '\u7f51\u7edc';
    font-size: 16px;
    visibility: hidden;
}

/* wifiSettings 自定义图标*/
.el-submenu .el-icon-wifiSettings-new {
    background: url(../../../assets/images/wifiSettings.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

.el-icon-wifiSettings-new:before {
    content: '\u7f51\u7edc';
    font-size: 16px;
    visibility: hidden;
}

/* Security 自定义图标*/
.el-submenu .el-icon-my-security {
    background: url(../../../assets/images/nav_ic_security@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}
.el-icon-my-security:before {
    content: '\u7f51\u7edc';
    font-size: 16px;
    visibility: hidden;
}

/* phonebook 自定义图标*/
.el-menu-item > .el-icon-phonebook {
    background: url(../../../assets/images/nav_ic_phonebook@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}
.el-icon-phonebook:before {
    content: '\u7f51\u7edc';
    font-size: 16px;
    visibility: hidden;
}

/* device 自定义图标*/
.el-menu-item > .el-icon-my-device {
    background: url(../../../assets/images/nav_ic_devices@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}
.el-icon-my-device:before {
    content: '\u5df2\u8fde\u63a5\u7684\u8bbe\u5907';
    font-size: 16px;
    visibility: hidden;
}

/* deviceManagement 自定义图标*/
.el-menu-item > .el-icon-my-deviceManagement {
    background: url(../../../assets/images/nav_ic_devices_management@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}
.el-icon-my-deviceManagement:before {
    content: '\u8bbe\u5907\u7ba1\u7406';
    font-size: 16px;
    visibility: hidden;
}

/* SIMSecurity 自定义图标*/
.el-menu-item > .el-icon-my-SIMSecurity {
    background: url(../../../assets/images/nav_ic_sim_security@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}
.el-icon-my-SIMSecurity:before {
    content: '\u0053\u0049\u004d\u5361\u4fdd\u62a4';
    font-size: 16px;
    visibility: hidden;
}

/* system 自定义图标*/
.el-submenu .el-icon-my-system {
    background: url(../../../assets/images/nav_ic_system@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}
.el-icon-my-system:before {
    content: '\u7f51\u7edc';
    font-size: 16px;
    visibility: hidden;
}

/* about 自定义图标*/
.el-menu-item > .el-icon-my-about {
    background: url(../../../assets/images/nav_ic_about@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

.el-icon-my-about:before {
    content: '\u7f51\u7edc';
    font-size: 16px;
    visibility: hidden;
}

/* ussd 自定义图标*/
.el-menu-item > .el-icon-my-ussd {
    background: url(../../../assets/images/ussd.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

.el-icon-my-ussd:before {
    content: '\u7f51\u7edc';
    font-size: 16px;
    visibility: hidden;
}

/* information 自定义图标*/
.el-menu-item > .el-icon-my-information {
    background: url(../../../assets/images/nav_ic_information@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}
.el-icon-my-information:before {
    content: '\u7f51\u7edc';
    font-size: 16px;
    visibility: hidden;
}

/* sms 自定义图标*/
.el-menu-item > .el-icon-my-sms {
    background: url(../../../assets/images/nav_ic_sms@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}
.el-icon-my-sms:before {
    content: '\u7f51\u7edc';
    font-size: 16px;
    visibility: hidden;
}

/* second 自定义图标*/
.el-icon-my-second {
    background: url(../../../assets/images/nav_ic_second@3.png) center no-repeat;
    background-size: contain;
    width: 6px !important;
    height: 6px !important;
    margin-left: 8px;
    padding-left: -33px;
}
.el-icon-my-second:before {
    content: '\u7f51\u7edc';
    font-size: 10px;
    visibility: hidden;
}

.el-menu-item {
    color: @navTextColor !important;
    background: @navColor !important;
    display: flex;
    align-items: center;
}

.el-menu-item.is-active {
    background: @navActiveGradientColor !important;
    color: @navActiveTextColor !important;
}

/* dataBoard 自定义图标 高亮*/
.el-menu-item.is-active .el-icon-my-dataBoard {
    background: url(../../../assets/images/nav_ic_dashboard_light@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* device 自定义图标 高亮*/
.el-menu-item.is-active .el-icon-my-device {
    background: url(../../../assets/images/nav_ic_devices_light@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* deviceManagement 自定义图标 高亮*/
.el-menu-item.is-active .el-icon-my-deviceManagement {
    background: url(../../../assets/images/nav_ic_devices_management_light@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* SIMSecurity 自定义图标 高亮*/
.el-menu-item.is-active .el-icon-my-SIMSecurity {
    background: url(../../../assets/images/nav_ic_sim_security_light@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* about 自定义图标 高亮*/
.el-menu-item.is-active > .el-icon-my-about {
    background: url(../../../assets/images/nav_ic_about_light@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* ussd 自定义图标 高亮*/
.el-menu-item.is-active > .el-icon-my-ussd {
    background: url(../../../assets/images/ussd-active.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* information 自定义图标 高亮*/
.el-menu-item.is-active > .el-icon-my-information {
    background: url(../../../assets/images/nav_ic_information_light@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* sms 自定义图标 高亮*/
.el-menu-item.is-active > .el-icon-my-sms {
    background: url(../../../assets/images/nav_ic_sms_light@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* second 自定义图标 高亮*/
.el-menu-item.is-active .el-icon-my-second {
    background: url(../../../assets/images/nav_ic_second_light@3.png) center no-repeat;
    background-size: contain;
    width: 6px !important;
    height: 6px !important;
    margin-left: 8px;
    padding-left: -33px;
}

/* netWork 自定义图标 高亮*/
.el-submenu.is-active.is-opened .el-icon-my-netWork {
    background: url(../../../assets/images/nav_ic_network_light@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* wifiSettings 自定义图标 高亮*/
.el-submenu.is-active.is-opened .el-icon-wifiSettings-new {
    background: url(../../../assets/images/wifiSettings-active.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* security 自定义图标 高亮*/
.el-submenu.is-active.is-opened .el-icon-my-security {
    background: url(../../../assets/images/nav_ic_security_light@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* phonebook 自定义图标 高亮*/
.el-menu-item.is-active > .el-icon-phonebook {
    background: url(../../../assets/images/nav_ic_phonebook_light@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

/* system 自定义图标 高亮*/
.el-submenu.is-active.is-opened .el-icon-my-system {
    background: url(../../../assets/images/nav_ic_system_light@3.png) center no-repeat;
    background-size: contain;
    width: 24px !important;
    height: 24px !important;
    margin-right: 10px;
}

.el-submenu.is-active.is-opened > div {
    background: @subNavActiveGradientColor !important;
    color: @navActiveTextColor !important;
}

.el-submenu.is-opened .el-menu-item {
    background: @subNavColor !important;
}

.el-submenu.is-opened {
    background: @subNavColor !important;
}

.el-submenu.is-active.is-opened .el-menu-item.is-active {
    background: @subContentActiveColor !important;
    color: @subActiveTextColor !important;
}

.el-submenu__title {
    background-color: transparent !important;
    color: @navTextColor !important;
    font-size: 16px;
    display: flex;
    align-items: center;
}

// .el-submenu.is-active.is-opened .el-menu-item.is-active {
//     background: #E7EAEF !important;
//     color: #000000 !important;
//     font-weight: bold;
// }
// .el-submenu.is-active.is-opened .el-menu-item.is-active::before { 
//     content: '';
//     position: absolute;
//     left: 0;
//     top: 8px;
//     bottom: 8px;
//     width: 4px;
//     border-radius: 2px;
//     background: #1a8fe3;
// }

// .el-submenu__title {
//     background-color: transparent !important;
//     color: @navTextColor !important;
//     font-size: 16px;
//     display: flex;
//     align-items: center;
// }

// /* 菜单整体背景色 */
// .el-menu {
//     background: #f2f7fa !important;
//     border-right: none !important;
//     padding-top: 20px;
// }

// /* 菜单项样式 */
// .el-menu-item {
//     color: #222 !important;
//     background: transparent !important;
//     display: flex;
//     align-items: center;
//     height: 48px !important;
//     line-height: 48px !important;
//     font-size: 16px;
//     border-radius: 8px;
//     margin-bottom: 8px;
//     position: relative;
//     font-weight: normal;
//     transition: background 0.2s, color 0.2s;
// }

// .el-menu-item .el-icon-my-dataBoard,
// .el-menu-item .el-icon-my-device,
// .el-menu-item .el-icon-my-deviceManagement,
// .el-menu-item .el-icon-my-SIMSecurity,
// .el-menu-item .el-icon-my-about,
// .el-menu-item .el-icon-my-ussd,
// .el-menu-item .el-icon-my-information,
// .el-menu-item .el-icon-my-sms,
// .el-menu-item .el-icon-phonebook {
//     margin-right: 12px !important;
// }

// .el-menu-item.is-active {
//     background: #e9eef3 !important;
//     color: #222 !important;
//     font-weight: bold;
// }

// .el-menu-item.is-active::before {
//     content: '';
//     position: absolute;
//     left: 0;
//     top: 8px;
//     bottom: 8px;
//     width: 4px;
//     border-radius: 2px;
//     background: #1a8fe3;
// }

// /* 子菜单样式 */
// .el-submenu__title {
//     background-color: transparent !important;
//     color: #222 !important;
//     font-size: 16px;
//     display: flex;
//     align-items: center;
//     height: 48px !important;
//     line-height: 48px !important;
//     border-radius: 8px;
//     margin-bottom: 8px;
//     font-weight: normal;
// }

// .el-submenu__title .el-icon-my-netWork,
// .el-submenu__title .el-icon-wifiSettings-new,
// .el-submenu__title .el-icon-my-security,
// .el-submenu__title .el-icon-my-system {
//     margin-right: 12px !important;
// }

// .el-submenu.is-active.is-opened > div,
// .el-submenu__title.is-active {
//     background: #e9eef3 !important;
//     color: #222 !important;
//     font-weight: bold;
// }

// .el-submenu.is-active.is-opened > div::before,
// .el-submenu__title.is-active::before {
//     content: '';
//     position: absolute;
//     left: 0;
//     top: 8px;
//     bottom: 8px;
//     width: 4px;
//     border-radius: 2px;
//     background: #1a8fe3;
// }

// /* 去除分割线 */
// .el-menu--inline {
//     border: none !important;
// }
